<template>
    <div style="width:100%; display:flex;align-items: center;">
        <a-input v-model="form.contract_no" placeholder="请输入合同号" @change="changeInput" />
        <div style="margin-left: 6px;"> 
          <a-popover >
            <icon-question-circle :size="20" stroke-width="2" />
            <template #content>
              <div>公示价合同号填写规则：GS+年月+编号，例如GS-20250201。</div>
              <div>一企一策合同号填写规则：WST+年月+编号，列如WST-SC-20250204。</div>
            </template>
          </a-popover>
        </div>
        
        
    </div>
  
  </template>
  
  <script setup>
  import { inject, onMounted, ref } from 'vue'
  import { request } from "@/utils/request.js";
  import dept from "@/api/system/dept";
  import { pinyin } from "pinyin-pro"
  import { Message,Modal } from '@arco-design/web-vue'
  // 表单数据
  const form = inject('formModel')
  // 字典数据集合
  const dict = inject('dictList')
  // 组件props
  const props = defineProps({
    component: Object,    // 组件配置信息
    customField: { type: String, default: undefined }, // 自定义字段名称，用于子表单
  })
  
  const changeInput = (e) =>{
    form.value.contract_no = convertToUpperCase(e)
  }
  const convertToUpperCase = (str) => {
    return str.toUpperCase();
  }
  
  
  
  
   
  onMounted(() => {
    
  })
  
  
  </script>
  <style scoped>
    .contenBox{
      height:500px;
      padding:12px;
    }
    .contenBox::-webkit-scrollbar{
      display: none;
    }
    .marbot24{
      margin-bottom: 12px;
    }
  </style>